<template>
    <div class="top">
        <!-- <div class="logo">LOGO</div> -->
        <img src="@/assets/LOGO2.jpg" class="logo"/>
        <div class="title" @click="toHome">首页</div>
        <div class="title" @click="toAuction">拍卖会</div>
        <div class="title" @click="toNoticeList">拍卖公告</div>
        <div class="title" @click="toInvestment">资产招商</div>
        <div class="title" @click="toCooperation">合作机构</div>
        <div class="title titleLast" @click="toCenter">个人中心</div>
        <!-- <el-input type="text" class="input" placeholder="请输入要搜索的内容"></el-input>
        <el-button type="primary" class="button" icon="el-icon-search">搜索</el-button> -->
    </div>
  </template>
  
  <script>
  import concern from "@/views/personalCenter/concern.vue";
  export default {
    name: 'TopBar',
    computed: {
      concern() {
        return concern
      }
    },
    props: {

    },
    methods: {
      toHome(){
        this.$router.push({
          path: '/index'
        })
      },
      toAuction(){
        this.$router.push({
          path: '/auctionList'
        })
      },
      toNoticeList(){
        this.$router.push({
          path: '/noticeList'
        })
      },
      toCooperation(){
        this.$router.push({
          path: '/cooperation'
        })
      },
      toInvestment(){
        this.$router.push({
          path: '/investment'
        })
      },
      toCenter(){
        this.$router.push({
          path: '/concern'
        })
      },
    },
    mounted(){

    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped lang="less">
//   *{
//     margin: 0;
//     padding: 0;
//   }
  .top{
    display: flex;
    justify-content: space-around; 
    align-items: center;
    font-weight: bold;
    // position: absolute;
    // top: 0;
    width: 100%;
<<<<<<< HEAD
    background-color: #409EFF;
=======
    background-color: #3d40e5;
    
>>>>>>> master
    margin: 0 auto;
    color: #fff;
    // height: 60px;
  }

  .top .logo{
    padding: 0 30px;
    margin: 0 60px;
    margin-left: 100px;
    height: 60px;
  }

  .top .title{
    padding: 20px 20px;
    cursor: pointer;
  }

  .top .titleLast{
    margin-right: 160px;
  }

  </style>
  